<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->
<div class="rnr-table">
  <h2><span openlmis-message="label.vaccine.vitamin.supplementation"></span></h2>

  <div class="span9" style="margin-left: 0px;">
  <table class="table table-bordered">
    <thead>
    <tr class="text-row">
      <th class="span5"><span openlmis-message="label.vaccine.vitamin.name"></span></th>
      <th class="span1"><span openlmis-message="label.vaccine.vitamin.age.group"></span></th>
      <th class="span1"><span openlmis-message="label.vaccine.vitamin.supplementation.male"></span></th>
      <th class="span1"><span openlmis-message="label.vaccine.vitamin.supplementation.female"></span></th>
      <th class="span1"><span openlmis-message="label.vaccine.vitamin.supplementation.total"></span></th>
    </tr>
    </thead>
    <tbody>
    <tr class="text-row" ng-repeat="vitamin in report.vitaminSupplementationLineItems">
        <td class="cell-input"><span class="cell-text">{{vitamin.vitaminName}}</span></td>
        <td class="cell-input"><span class="cell-text">{{vitamin.ageGroup}}</span></td>
        <td class="cell-input col-general"><input numeric-validator="positiveInteger" maxlength="8" type="text" ng-model="vitamin.maleValue" /></td>
        <td class="cell-input col-general"><input numeric-validator="positiveInteger" maxlength="8" type="text" ng-model="vitamin.femaleValue" /></td>
        <td class="cell-input col-general" style="text-align: right"><span class="number cell-text">{{toNumber(vitamin.maleValue) + toNumber(vitamin.femaleValue)}}</span></td>
      </tr>
    </tbody>
    </table>
  </div>
</div>